import React, { Component } from 'react';
import PingjiaContainer from './StyledPingjia'

import touxiang1 from 'images/personalCenter/touxiang1.png'
import touxiang2 from 'images/personalCenter/touxiang2.png'
import touxiang3 from 'images/personalCenter/touxiang3.png'
import touxiang4 from 'images/personalCenter/touxiang4.png'
import jindutiao from 'images/personalCenter/jindutiao.png'


class Pingjia extends Component {
	state = {}
	render() {
		return (
			<PingjiaContainer>
				<div className="evaluateList">
					<div className="evaluateItem" onClick={this.seeEvaluate}>
						<div className="headImg">
							<img src={touxiang1} alt="" />
						</div>
						<div className="evaluateInfo">
							<div className="name">X_冥火</div>
							<div className="date">日期日期</div>
							<div className="evaluateContent">评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价</div>
						</div>
					</div>
					<div className="evaluateItem" onClick={this.seeEvaluate}>
						<div className="headImg">
							<img src={touxiang1} alt="" />
						</div>
						<div className="evaluateInfo">
							<div className="name">X_冥火</div>
							<div className="date">日期日期</div>
							<div className="evaluateContent">评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价</div>
						</div>
					</div>
					<div className="evaluateItem" onClick={this.seeEvaluate}>
						<div className="headImg">
							<img src={touxiang1} alt="" />
						</div>
						<div className="evaluateInfo">
							<div className="name">X_冥火</div>
							<div className="date">日期日期</div>
							<div className="evaluateContent">评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价</div>
						</div>
					</div>
					<div className="evaluateItem" onClick={this.seeEvaluate}>
						<div className="headImg">
							<img src={touxiang1} alt="" />
						</div>
						<div className="evaluateInfo">
							<div className="name">X_冥火</div>
							<div className="date">日期日期</div>
							<div className="evaluateContent">评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价</div>
						</div>
					</div>

					<div className="more" onClick={this.loadMore}>加载更多...</div>
				</div>
			</PingjiaContainer>
		)
	}
	loadMore() {
		console.log("加载更多")
	}

	seeEvaluate() {
		console.log("查看评价")
	}
}

export default Pingjia